body{
	margin: 0px;
	padding: 0px;
}
.swiper-container{
	background-color:#090C2A;
}
#infobox .swiper-slide{   
	background-size:100% 100%;
	text-align: center !important;	
}
.info{
	text-align: center;	
	color: #fff;
}
.info1 .info1_img{
	margin: 20% 0px 5% 0px;
	transform:translateY(-350%);
	-webkit-transform:translateY(-350%);
}
.swiper-slide{
	background-size: cover;
}
@keyframes info1_img { 0% { transform:translateY(-350%); } 100% { transform:translateY(0%); } } 
@-webkit-keyframes info1_img{ 0% { -webkit-transform:translateY(-350%); } 100% { -webkit-transform:translateY(0%); } }

.swiper-slide-active .info1_img{
	-webkit-animation:info1_img 1s both; 
	animation:info1_img 1s both;
}
.info1 p.info1_txt{ 
	font-family: Jaguar-Regular;
    letter-spacing: 1em;
    line-height: 2em;
    transform: scaleY(0.8);
    font-size: 1em;
    font-weight: 100;
}

@keyframes info1_txt { 0% {transform:scale(0,0) ; } 80% { transform:scale(1.1,0.9); } 100% { transform:scale(1,0.7); }};
@-webkit-keyframes info1_txt{0%{transform:scale(0,0);}80%{transform:scale(1.1,0.9); } 100% { transform:scale(1,0.7); }}


.swiper-slide-active p.info1_txt{ 
	-webkit-animation:info1_txt 1s both .8s; 
	animation:info1_txt 1s both .8s;
}
.info1 p.info1_txt b{ 
	color: #C71F2E;
	font-size: 1.8em;
	font-weight: 100 !important;
}
.info1 p.info1_title{
	font-size: 1.8em;
    font-family: MHeiPRC-Medium;
    color: #fff;
    line-height: 2em;
    margin-top: 10%;
}
.info1 p.info1_title span{
	font-size: 1.3em;
    font-family: CJNgaiPRC-Bold;
}

.swiper-slide-active p.info1_title{ 
	-webkit-animation:nh2 1s both 2s; 
	animation:nh2 1s both 2s;
}

.d_point{
	position: absolute;
    width: 100%;
    left: 0px;
    bottom: 5%; 
	display: none;                                                       
}
@keyframes d_point { 0% { transform:translateY(-20%); opacity: 0; } 50% { transform:translateY(0%); opacity: 1; } 100% { transform:translateY(20%); } } 
@-webkit-keyframes d_point{ 0% { -webkit-transform:translateY(-20%); opacity: 0; } 50% { -webkit-transform:translateY(0%); opacity: 1; } 100% { -webkit-transform:translateY(20%); } }

.swiper-slide-active .d_point{
	display: block;
	opacity: 0;
	-webkit-animation:d_point 2s infinite 2s; 
	animation:d_point 2s infinite 2s;
} 

.info2 .info2_text{
    margin-top: 10%;
    font-size: 1.8em;
    line-height: 2.3em;
    letter-spacing: 0.1em;
}
.info2 .info2_text span{
    color: #9F2336;
    font-size: 1.4em;
    line-height: 3em;
	font-weight: 100;
}
.info2 .info2_info{
    font-size: 15pt;
    line-height: 1.5em;
    font-family: MHeiPRC-Medium;
}

.swiper-slide-active .info2_text{ 
	-webkit-animation:nh2 1s both; 
	animation:nh2 1s both;
}

.swiper-slide-active .info2_info{ 
	-webkit-animation:nh2 1s both 1s; 
	animation:nh2 1s both 1s;
}

/*

.info2 .info2_img{
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
}

.swiper-slide-active .info2_img{
	-webkit-animation:map 1s both; 
	animation:map 1s both;
}
.info2 .info2_text{
    margin-top: 63%;
    font-size: 1.8em;
    line-height: 2.1em;
}
.info2 .info2_text b{
	color: #9F2336;
    font-size: 1.3em;
}
.info2 .info2_info{
    font-size: 0.9em;
    line-height: 1.5em;
    font-family: MHeiPRC-Medium;
}

.swiper-slide-active .info2_text{ 
	-webkit-animation:nh2 1s both .8s; 
	animation:nh2 1s both .8s;
}

.swiper-slide-active .info2_info{ 
	-webkit-animation:nh2 1s both 1.5s; 
	animation:nh2 1s both 1.5s;
}
*/

.scontainer{
	width:96%;
	height: 680px; 
}
@keyframes map { 0% { transform:translateY(-150%); } 100% { transform:translateY(0%); } } 
@-webkit-keyframes map{ 0% { -webkit-transform:translateY(-150%); } 100% { -webkit-transform:translateY(0%); } }
.bmap{
	width: 80%;
    margin: 30px auto;
    border: 1px rgba(255,255,255,0.6) solid;
    border-radius: 10px;
	padding: 10px 0px;
}
.swiper-slide-active .bmap{
	-webkit-animation:map 1s both; 
	animation:map 1s both;
}
.bmap h2{
	font-size: 1.8em;
    line-height: 3em;
    margin: 0px;
    color: #A4242F;
    font-weight: 100;
}
.scontainer .swiper-slide u{
	display: inline-block;
	width: 100px;
	height: 30px;
	position: absolute;
	/* background-color: rgba(255,0,0,0.3);  */
}
 
#map{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #082938;
}
#map span{
	position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2em;
	color: #DB1847;
    font-family: -webkit-body;
}
#map1{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #082938;
}
#map1 span{
	position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2em;
	color: #DB1847;
    font-family: -webkit-body;
}
.hasnotstart{
	color: #fff;
    background-color: #0A0809;
    text-align: center;
}
.bf_bg,.bf_ico{
	height: 572px;
	background-size: 100% 100%;
	position: absolute;
	left: 0px;
	width: 100%;
	top:15%;
    z-index: 0;
}
.bf_bg{
	background-image: url(../image/info/before.jpg);
}
.bf_ico{
	background-image: url(../image/info/before_ico.png);
}


@keyframes bf_bg { 0% {transform:scale(10,10); } 80% { transform:scale(0.98,0.98); } 100% { transform:scale(1,1); } } 
@-webkit-keyframes bf_bg{0% { transform:scale(10,10); } 80% { transform:scale(0.98,0.98); } 100% { transform:scale(1,1); }}

@keyframes bf_ico { 0% {transform:scale(0,0); } 80% { transform:scale(1.1,1.1); } 100% { transform:scale(1,1); } } 
@-webkit-keyframes bf_ico{0% { transform:scale(0,0); } 80% { transform:scale(1.1,1.1); } 100% { transform:scale(1,1); }}

.swiper-slide-active .bf_bg{
	-webkit-animation:bf_bg 1s both; 
	animation:bf_bg 1s both;
}
.swiper-slide-active .bf_ico{
	-webkit-animation:bf_ico 1s both; 
	animation:bf_ico 1s both;
}

.nstart{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0px;
	top:0px;
	z-index:1;
}
@keyframes nh2 { 0% { opacity: 0; } 100% { opacity: 1; } } 
@-webkit-keyframes nh2{ 0% { opacity: 0; } 100% { opacity: 1; } }
 

.nstart h2{
	font-size: 2em;
    letter-spacing: 0.3em;
    margin-top: 16%;
	line-height: 1.6em;
}
.swiper-slide-active .nstart h2{ 
	-webkit-animation:nh2 1s both .8s; 
	animation:nh2 1s both .8s;
}
.nstart h2 b{
	color: #AA172F;
	font-size: 1.2em;
}
.nstart p{
    margin-top: 65%;
    font-size: 1.8em;
    font-family: MHeiPRC-Medium;
	line-height: 1.6em;
}
.swiper-slide-active .nstart p{ 
	-webkit-animation:nh2 1s both 1.3s; 
	animation:nh2 1s both 1.3s;
}
.nstart .back_btn{
	width:251px;
	height: 66px;
	background-image: url(../image/info/btn1_1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	line-height: 66px;
	font-size: 1.6em;
	margin: 15% auto;
	margin-bottom: 0px;
}
.swiper-slide-active .nstart .back_btn{ 
	-webkit-animation:nh2 1s both 2s; 
	animation:nh2 1s both 2s;
}